<!DOCTYPE html>
<html class='no-js' lang='zh_CN'>
<head>
<title></title>
<meta charset='utf-8'>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/application.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
<link href="css/uploader.css" rel="stylesheet" type="text/css" />
<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="css/toastr.min.css" />
<link rel="stylesheet" href="css/validationEngine.jquery.css" />
</head>
<body class='main page'>
	<div class='panel panel-default grid'>
		<div class='panel-heading'>
			车牌号:<input id="Plate" type="text" value="湘EH2233">起始时间:<input id="startTime" type="text"
				placeholder="精确到时分秒"> 终止时间:<input id="endTime" type="text"
				placeholder="精确到时分秒">
			<button id="queryBtn" onclick="query()">查询</button>
			<div class='panel-tools'>
				<div class='btn-group'>
					<a class='btn' onclick="query()" title='刷新'> <i
						class='fa fa-rotate-left (alias) fa-2x'></i>
					</a>
				</div>
			</div>
		</div>
	</div>
	<div class="menu-body panel panel-default grid" id="tbodyData">
		<table class="table table-hover">
		</table>
	</div>
	<script type="text/html" id="main_js">
{{if D_complementary_etc_E_A !=null }}
	<table class="table table-hover">
	<thead stlye=text-align:center>
			<tr>
			<th>ETC车道入口交易过程表</th>
			</tr>
				<tr>
					<th>路段编号</th>
					<th>收费站编号</th>
					<th>车道编号</th>
					<th>收费员员工号</th>
					<th>班次号</th>
					<th>交易时间</th>
					<th>交易号</th>
					<th>交易下标</th>
					<th>卡内部号</th>
					<th>湘通卡类型</th>
				</tr>
			</thead>
	{{each D_org_E_tran_E as value index}}
	<tbody>	
		<tr>
		<td>{{value.roadID}}</td>
		<td>{{value.stationID}}</td>
		<td>{{value.lane}}</td>	
		<td>{{value.staff}}</td>
		<td>{{value.jobNum}}</td>
		<td>{{value.DHM}}</td>
		<td>{{value.tranNum}}</td>
		<td>{{value.underNum}}</td>
		<td>{{value.TTnum}}</td>
		<td>{{value.cardType}}</td>
		<td class='action'><button class="btn btn-xs btn-info" data-photo="{{value.F_PID}}" onclick="checkphoto()">查看图片</button></td>
		</tr>
	</tbody>
{{/each}} 
</table>
</p><hr/><p>
{{/if}}
{{if D_complementary_etc_E_E !=null }}
<table class="table table-hover">
		<thead stlye=text-align:center>
			<tr>
			<th>ETC车道入口最终交易表</th>
			</tr>
				<tr>
					<th>路段编号</th>
					<th>收费站编号</th>
					<th>车道编号</th>
					<th>收费员员工号</th>
					<th>班次号</th>
					<th>交易时间</th>
					<th>交易号</th>
					<th>交易下标</th>
					<th>卡内部号</th>
					<th>湘通卡类型</th>
				</tr>
			</thead>
	{{each D_org_E_tran_E as value index}}
	<tbody>
	<tr>
		<td>{{value.roadID}}</td>
		<td>{{value.stationID}}</td>
		<td>{{value.lane}}</td>	
		<td>{{value.staff}}</td>
		<td>{{value.jobNum}}</td>
		<td>{{value.DHM}}</td>
		<td>{{value.tranNum}}</td>
		<td>{{value.underNum}}</td>
		<td>{{value.TTnum}}</td>
		<td>{{value.cardType}}</td>
		<td class='action'><button class="btn btn-xs btn-info" data-photo="{{value.F_PID}}" onclick="checkphoto(this)">查看图片</button></td>
	</tr>
	</tbody>
{{/each}}
</table>
</p><hr/><p>
{{/if}}
{{if D_complementary_etc_X_A !=null }}
<table class="table table-hover">
<thead stlye=text-align:center>
			<tr>
			<th>ETC车道出口交易过程表</th>
			</tr>
				<tr>
					<th>路段编号</th>
					<th>收费站编号</th>
					<th>车道编号</th>
					<th>收费员员工号</th>
					<th>班次号</th>
					<th>交易时间</th>
					<th>交易号</th>
					<th>交易下标</th>
					<th>卡内部号</th>
					<th>湘通卡类型</th>
				</tr>
			</thead>
	{{each D_org_E_tran_E as value index}}
	<tbody>
	<tr>
		<td>{{value.roadID}}</td>
		<td>{{value.stationID}}</td>
		<td>{{value.lane}}</td>	
		<td>{{value.staff}}</td>
		<td>{{value.jobNum}}</td>
		<td>{{value.DHM}}</td>
		<td>{{value.tranNum}}</td>
		<td>{{value.underNum}}</td>
		<td>{{value.TTnum}}</td>
		<td>{{value.cardType}}</td>
		<td class='action'><button class="btn btn-xs btn-info" data-photo="{{value.F_PID}}" onclick="checkphoto(this)">查看图片</button></td>
	</tr>
	</tbody>
{{/each}}
</table>
</p><hr/><p>
{{/if}}
{{if D_complementary_etc_X_E !=null }}
	<table class="table table-hover">
		<thead stlye=text-align:center>
			<tr>
			<th>ETC车道出口最终交易表</th>
			</tr>
				<tr>
					<th>路段编号</th>
					<th>收费站编号</th>
					<th>车道编号</th>
					<th>收费员员工号</th>
					<th>班次号</th>
					<th>交易时间</th>
					<th>交易号</th>
					<th>交易下标</th>
					<th>卡内部号</th>
					<th>湘通卡类型</th>
				</tr>
			</thead>
	{{each D_org_E_tran_E as value index}}
	<tbody>
	<tr>
		<td>{{value.roadID}}</td>
		<td>{{value.stationID}}</td>
		<td>{{value.lane}}</td>	
		<td>{{value.staff}}</td>
		<td>{{value.jobNum}}</td>
		<td>{{value.DHM}}</td>
		<td>{{value.tranNum}}</td>
		<td>{{value.underNum}}</td>
		<td>{{value.TTnum}}</td>
		<td>{{value.cardType}}</td>
		<td class='action'><button class="btn btn-xs btn-info" data-photo="{{value.F_PID}}" onclick="checkphoto()">查看图片</button></td>
	</tr>
	</tbody>
{{/each}}
</table>
</p><hr/><p>
{{/if}}
{{if D_org_E_tran_A !=null }}
	<table class="table table-hover">
		<thead stlye=text-align:center>
			<tr>
			<th>MTC车道入口交易过程表</th>
			</tr>
				<tr>
					<th>路段编号</th>
					<th>收费站编号</th>
					<th>车道编号</th>
					<th>收费员员工号</th>
					<th>班次号</th>
					<th>交易时间</th>
					<th>交易号</th>
					<th>交易下标</th>
					<th>卡内部号</th>
					<th>湘通卡类型</th>
				</tr>
			</thead>
	{{each D_org_E_tran_E as value index}}
	<tbody>
	<tr>
		<td>{{value.roadID}}</td>
		<td>{{value.stationID}}</td>
		<td>{{value.lane}}</td>	
		<td>{{value.staff}}</td>
		<td>{{value.jobNum}}</td>
		<td>{{value.DHM}}</td>
		<td>{{value.tranNum}}</td>
		<td>{{value.underNum}}</td>
		<td>{{value.TTnum}}</td>
		<td>{{value.cardType}}</td>
		<td class='action'><button class="btn btn-xs btn-info" data-photo="{{value.F_PID}}" onclick="checkphoto()">查看图片</button></td>
	</tr>
	</tbody>
{{/each}}
</table>
</p><hr/><p>
{{/if}}
{{if D_org_E_tran_E !=null }}
	<table class="table table-hover">
		<thead stlye=text-align:center>
			<tr>
			<th>MTC车道入口最终交易表</th>
			</tr>
				<tr>
					<th>路段编号</th>
					<th>收费站编号</th>
					<th>车道编号</th>
					<th>收费员员工号</th>
					<th>班次号</th>
					<th>交易时间</th>
					<th>交易号</th>
					<th>交易下标</th>
					<th>卡内部号</th>
					<th>湘通卡类型</th>
				</tr>
			</thead>
	{{each D_org_E_tran_E as value index}}
	<tbody>
	<tr>
		<td>{{value.roadID}}</td>
		<td>{{value.stationID}}</td>
		<td>{{value.lane}}</td>	
		<td>{{value.staff}}</td>
		<td>{{value.jobNum}}</td>
		<td>{{value.DHM}}</td>
		<td>{{value.tranNum}}</td>
		<td>{{value.underNum}}</td>
		<td>{{value.TTnum}}</td>
		<td>{{value.cardType}}</td>
		<td class='action'><button class="btn btn-xs btn-info" data-photo="{{value.F_PID}}" onclick="checkphoto()">查看图片</button></td>
	</tr>
	</tbody>
{{/each}}
</table>
</p><hr/><p>
{{/if}}
{{if D_org_X_tran_A !=null }}
	<table class="table table-hover">
		<thead stlye=text-align:center>
			<tr>
			<th>MTC车道出口交易过程表</th>
			</tr>
				<tr>
					<th>路段编号</th>
					<th>收费站编号</th>
					<th>车道编号</th>
					<th>收费员员工号</th>
					<th>班次号</th>
					<th>交易时间</th>
					<th>交易号</th>
					<th>交易下标</th>
					<th>卡内部号</th>
					<th>湘通卡类型</th>
				</tr>
			</thead>
	{{each D_org_E_tran_E as value index}}
	<tbody>
	<tr>
		<td>{{value.roadID}}</td>
		<td>{{value.stationID}}</td>
		<td>{{value.lane}}</td>	
		<td>{{value.staff}}</td>
		<td>{{value.jobNum}}</td>
		<td>{{value.DHM}}</td>
		<td>{{value.tranNum}}</td>
		<td>{{value.underNum}}</td>
		<td>{{value.TTnum}}</td>
		<td>{{value.cardType}}</td>
		<td class='action'><button class="btn btn-xs btn-info" data-photo="{{value.F_PID}}" onclick="checkphoto(this)">查看图片</button></td>
	</tr>
	</tbody>
{{/each}}
</table>
</p><hr/><p>
{{/if}}
{{if D_org_X_tran_E !=null }}
	<table class="table table-hover">
		<thead stlye=text-align:center>
			<tr>
			<th>MTC车道出口最终交易表</th>
			</tr>
				<tr>
					<th>路段编号</th>
					<th>收费站编号</th>
					<th>车道编号</th>
					<th>收费员员工号</th>
					<th>班次号</th>
					<th>交易时间</th>
					<th>交易号</th>
					<th>交易下标</th>
					<th>卡内部号</th>
					<th>湘通卡类型</th>
				</tr>
			</thead>
	{{each D_org_E_tran_E as value index}}
	<tbody>
	<tr>
		<td>{{value.roadID}}</td>
		<td>{{value.stationID}}</td>
		<td>{{value.lane}}</td>	
		<td>{{value.staff}}</td>
		<td>{{value.jobNum}}</td>
		<td>{{value.DHM}}</td>
		<td>{{value.tranNum}}</td>
		<td>{{value.underNum}}</td>
		<td>{{value.TTnum}}</td>
		<td>{{value.cardType}}</td>
		<td class='action'><button class="btn btn-xs btn-info" data-photo="{{value.F_PID}}" onclick="checkphoto(this)">查看图片</button></td>
	</tr>
	</tbody>
{{/each}}
</table>
</p><hr/><p>
{{/if}}
</script>
	<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
	<script src="js/main.js"></script>
	<script src="js/jquery.validationEngine.min.js"></script>
	<script src="js/jquery.validationEngine-zh_CN.js"></script>
	<script src="js/toastr.min.js"></script>
	<script src="js/jquery.datetimepicker.js"></script>
	<script src="js/webuploader.min.js"></script>
	<script src="js/jquery.sha1.js"></script>
	<script src="js/template.js"></script>
	<script src="js/jquery-ui.min.js"></script>
	<script src="js/json.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/core-etable.js"></script>
</body>
<script type="text/javascript">
	var url="http://58.20.6.141:10987/gsdata/rsquery/sf";
	var photolog={
		popWidth : 800,
		src:"photo.html",
		title:"",
		btnShow : false
	};
	function jsoncallback(result) {
		var data=result.data;
		var html = template('main_js', data);
		$("#tbodyData").html(html);
	}	
function query() {
		var para = {};
		if ($("#Plate").val() != undefined) {
				para.plate = $("#Plate").val();
		}
		if ($("#startTime").val() != undefined) {
			para.startTime = $("#startTime").val();
		}
		if ($("#endTime").val() != undefined) {
			para.endTime = $("#endTime").val();
		}
		$.ajax({
			type : 'POST',
			url : url,
			data : para,
			async : false,
			dataType : 'jsonp',
			jsonp : "jsoncallback", //服务端用于接收callback调用的function名的参数 
			success : function(result) {
			},
			error : function(data) {
				if (data == null || data.status != 200) {
					alert("与服务器连接出错了，请稍后重试，data=" + JSON.stringify(data));
				}
			}
		});
	}
function checkphoto(){
		globalVariable.Operation = "photo";
		photolog.title="照片查看"
		Photolog=popWindowShow(photolog);

}
</script>